/**
 * ES6的引入方式有两种
 * ES6的模块化规范中 引入方式取决于暴露方式
 *
 * 几乎所有的第三方模块 都用默认暴露的方式。
 *
 * 分别暴露,统一暴露都是使用的方式一: import {xxx,yy} from 'xxx'
 * 默认暴露引入 使用的引入方式二: import xxx from ''
 *
 *
 * babel的作用： es6=>es5  jsx=>js
 *
 * 1.安装babel-cli,babel-preset-es2015 和 browserify:
 * npm install babel-cli browserify -g
 * npm install babel-preset-es2015 --save-dev
 *
 * 2.创建 .babelrc 文件(给babel指定具体的任务)
 * {
 *   "presets": ["es2015"]
 * }
 *
 * 3.编译源代码
 * babel js/src -d js/dist
 *
 * browserify js/dis/app.js  -o js/dist/bundle.js
 *
 * 4.index.html引入bundle.js
 * <script src="./js/dist/bundle.js"></script>
 *
 *
 *
 *
 */
import {data,demo1,test1} from './module1'
//import * as haha1 from 'module2' ---默认暴露一般不采取此种写法.
import {demo2,test2} from './module2'

import module3 from './module3'

//混合暴露的引入方式.
import module4,{arr0,bar,foo,str,student,dog1} from "./module4";

console.log(data);
demo1();
test1();

demo2();
test2();

console.log(module3.name);
console.log(module3.age);
module3.speak();

